<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>装修之家-首页</title>
  <link rel="stylesheet" href="../css/style.css">
  <link rel="stylesheet" href="../common/swiper/swiper-bundle.min.css">
  <link rel="stylesheet" href="../common/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="/common/animate.min.css">
  <script src="/common/wow.min.js"></script>
  <script src="../js/jquery.js"></script>
  <script src="/common/swiper/swiper-bundle.min.js"></script>
  <script src="../common/bootstrap/js/bootstrap.min.js"></script>

</head>

<body>
  <!-- 头部 -->
  <div class="renovation-hearder centre">
    <ul class="main-top centres">
      <li><a href="#">登录/注册</a></li>
      <li><a href="#">APP/公众号</a></li>
      <li><a href="#">商业合作</a></li>
      <li><a href="#">咨询热线：4000-787-012</a></li>
    </ul>
    <div class="main-bottom centres flex">
      <div class="logo"><img src="../img/logo.jpg" alt=""></div>
      <ul class="main-nav">
        <li><a href="index.html" class="active">首页</a></li>
        <li><a href="zhuangxiu.html">装修公司</a></li>
        <li><a href="shejishi.html">设计师</a></li>
        <li class="">
					
					<a href="xiaoguotu.html">效果图</a>
					<span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
				</li>
        <li>
					<img src="/img/33.jpg" alt="" class="hot">
					<a href="fuwu.html">服务</a>
					<span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
				</li>
      </ul>
      <div class="main-search ">
        <div class="bule">
          装修公司
          <span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
        </div>
        <input type="search" name="" id="" placeholder="请输入公司名称或关键字" />
      </div>
      <div class="more">
        <img src="../img/more_.png" alt="" class="mores">
      </div>
      <!-- 手机端导航 -->
      <ul class="mobile-nav" id="mobile-nav">
        <li><a href="index.html" class="mobile-active">首页</a></li>
        <li><a href="zhuangxiu.html">装修公司</a></li>
        <li><a href="shejishi.html">设计师</a></li>
        <li><a href="xiaoguotu.html">
					效果图
					

				</a></li>
        <li>
				
					<a href="fuwu.html">服务</a>
				</li>
      </ul>
    </div>
  </div>
  <!-- swiper轮播图 -->
  <div class="swiper swipers">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="../img/1.jpg" alt=""></div>
      <div class="swiper-slide"><img src="../img/1.jpg" alt=""></div>
      <div class="swiper-slide"><img src="../img/1.jpg" alt=""></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
  </div>
  <!-- 内容 -->
  <div class="renovation-container centre">
    <!-- 免费设计 -->
    <div class="container-list cent flex">
      <dl class="main-list  wow animate__animated animate__backInUp">
        <dt><img src="../img/2.jpg" alt=""></dt>
        <dd>免费设计</dd>
      </dl>
      <dl class="main-list wow animate__animated animate__backInUp">
        <dt><img src="../img/3.jpg" alt=""></dt>
        <dd>免费报价</dd>
      </dl>
      <dl class="main-list wow animate__animated animate__backInUp">
        <dt><img src="../img/4.jpg" alt=""></dt>
        <dd>海量美图</dd>
      </dl>
      <dl class="main-list wow animate__animated animate__backInUp">
        <dt><img src="../img/5.jpg" alt=""></dt>
        <dd>装修课堂</dd>
      </dl>
      <dl class="main-list wow animate__animated animate__backInUp">
        <dt><img src="../img/4.jpg" alt=""></dt>
        <dd>话题讨论</dd>
      </dl>
    </div>
    <!-- 北京装修公司 -->
    <div class="container-company  cent">
      <div class="company-title">
        <div class="tit-left">
          <h3>北京装修公司</h3>
          <p>甄选优质北京装修公司，丰富选择实现理想家</p>
        </div>
        <div class="tit-left">
          <span>←</span>
          <span> →</span>
        </div>
      </div>
      <!-- <div class="company-content">
        <div class="swiper myswiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <dl class="far">
                <dt class="fater">
                  <div class="img"><img src="../img/6.jpg" alt=""></div>
                  <div class="posi"> <img src="../img/7.jpg" alt=""></div>
                </dt>
                <dd class="written">
                  <h4>济南尚易装饰</h4>
                  <div class="written-an">
                    <div class="anli">设计师案例： <span>0</span> </div>
                    <div class="anli">团队图案： <span>0</span> </div>
                  </div>
                  <div class="written-order"> + 预约设计 + </div>
                </dd>
              </dl>
            </div>
            <div class="swiper-slide">
              <dl class="far">
                <dt class="fater">
                  <div class="img"><img src="../img/8.jpg" alt=""></div>
                  <div class="posi"> <img src="../img/9.jpg" alt=""></div>
                </dt>
                <dd class="written">
                  <h4>欧派铂金装饰</h4>
                  <div class="written-an">
                    <div class="anli">设计师案例： <span>0</span> </div>
                    <div class="anli">团队图案： <span>0</span> </div>
                  </div>
                  <div class="written-order"> + 预约设计 + </div>
                </dd>
              </dl>
            </div>
            <div class="swiper-slide">
              <dl class="far">
                <dt class="fater">
                  <div class="img"><img src="../img/10.jpg" alt=""></div>
                  <div class="posi"> <img src="../img/7.jpg" alt=""></div>
                </dt>
                <dd class="written">
                  <h4>索菲亚全屋订制</h4>
                  <div class="written-an">
                    <div class="anli">设计师案例： <span>0</span> </div>
                    <div class="anli">团队图案： <span>0</span> </div>
                  </div>
                  <div class="written-order"> + 预约设计 + </div>
                </dd>
              </dl>
            </div>
            <div class="swiper-slide">
              <dl class="far">
                <dt class="fater">
                  <div class="img"><img src="../img/11.jpg" alt=""></div>
                  <div class="posi"> <img src="../img/12.jpg" alt=""></div>
                </dt>
                <dd class="written">
                  <h4>北京紫名都装饰集团莱芜分团</h4>
                  <div class="written-an">
                    <div class="anli">设计师案例： <span>0</span> </div>
                    <div class="anli">团队图案： <span>0</span> </div>
                  </div>
                  <div class="written-order"> + 预约设计 + </div>
                </dd>
              </dl>
            </div>
          </div>
        </div>
      </div> -->
      <!-- 移动端 -->
      <div class="company-content  mobile-company  flex mobilesss">
        <dl class="far  wow animate__animated animate__fadeInUp">
          <dt class="fater">
            <div class="img"><img src="../img/6.jpg" alt=""></div>
            <div class="posi"> <img src="../img/7.jpg" alt=""></div>
          </dt>
          <dd class="written">
            <h4>济南尚易装饰</h4>
            <div class="written-an">
              <div class="anli">设计师案例： <span>0</span> </div>
              <div class="anli">团队图案： <span>0</span> </div>
            </div>
            <div class="written-order"> <a href="#"> + 预约设计 + </a></div>
          </dd>
        </dl>
        <dl class="far  wow animate__animated animate__fadeInUp">
          <dt class="fater">
            <div class="img"><img src="../img/8.jpg" alt=""></div>
            <div class="posi"> <img src="../img/9.jpg" alt=""></div>
          </dt>
          <dd class="written">
            <h4>欧派铂金装饰</h4>
            <div class="written-an">
              <div class="anli">设计师案例： <span>0</span> </div>
              <div class="anli">团队图案： <span>0</span> </div>
            </div>
						<div class="written-order"> <a href="#"> + 预约设计 + </a></div>
          </dd>
        </dl>
        <dl class="far  wow animate__animated animate__fadeInUp">
          <dt class="fater">
            <div class="img"><img src="../img/10.jpg" alt=""></div>
            <div class="posi"> <img src="../img/7.jpg" alt=""></div>
          </dt>
          <dd class="written">
            <h4>索菲亚全屋订制</h4>
            <div class="written-an">
              <div class="anli">设计师案例： <span>0</span> </div>
              <div class="anli">团队图案： <span>0</span> </div>
            </div>
						<div class="written-order"> <a href="#"> + 预约设计 + </a></div>
          </dd>
        </dl>
        <dl class="far  wow animate__animated animate__fadeInUp">
          <dt class="fater">
            <div class="img"><img src="../img/11.jpg" alt=""></div>
            <div class="posi"> <img src="../img/12.jpg" alt=""></div>
          </dt>
          <dd class="written">
            <h4>北京紫名都装饰集团莱芜分团</h4>
            <div class="written-an">
              <div class="anli">设计师案例： <span>0</span> </div>
              <div class="anli">团队图案： <span>0</span> </div>
            </div>
						<div class="written-order"> <a href="#"> + 预约设计 + </a></div>
          </dd>
        </dl>
      </div>

    </div>
    <!-- 精美效果图 -->
    <div class="container-company  cent   container-exquisite">
      <div class="company-title">
        <div class="tit-left">
          <h3>精美效果图</h3>
          <p> 搜索海量装饰家具美图,发现新家装饰灵感</p>
        </div>
        <ul class="exquisite-nav">
          <li><a href="#">简约</a></li>
          <li><a href="#">欧式</a></li>
          <li><a href="#">美式</a></li>
          <li><a href="#">中式</a></li>
          <li><a href="#">北欧</a< /li>
          <li><a href="#" class="actives">全部美图</a></li>
        </ul>
      </div>
      <!-- 内容 -->
      <div class="exquisite-content">
        <div class="cont-one">
          <div class="swiper swiperi">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <dl class="far">
                  <dt class="fater">
                    <div class="img"><img src="../img/13.jpg" alt=""></div>
                    <div class="posi"> <img src="../img/tui.png" alt=""></div>
                  </dt>
                  <dd class="written">
                    <h4> 118平三室二厅恬淡田园装修效果图</h4>
                    <p>设计风格:恬淡田园-房屋面积:11Em”-户型结构:3室2厅1卫</p>
                  </dd>
                </dl>
              </div>
              <div class="swiper-slide">
                <dl class="far">
                  <dt class="fater">
                    <div class="img"><img src="../img/13.jpg" alt=""></div>
                    <div class="posi"> <img src="../img/tui.png" alt=""></div>
                  </dt>
                  <dd class="written">
                    <h4> 118平三室二厅恬淡田园装修效果图</h4>
                    <p>设计风格:恬淡田园-房屋面积:11Em”-户型结构:3室2厅1卫</p>
                  </dd>
                </dl>
              </div>
              <div class="swiper-slide">
                <dl class="far">
                  <dt class="fater">
                    <div class="img"><img src="../img/13.jpg" alt=""></div>
                    <div class="posi"> <img src="../img/tui.png" alt=""></div>
                  </dt>
                  <dd class="written">
                    <h4> 118平三室二厅恬淡田园装修效果图</h4>
                    <p>设计风格:恬淡田园-房屋面积:11Em”-户型结构:3室2厅1卫</p>
                  </dd>
                </dl>
              </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
          </div>

        </div>
        <div class="cont-two">
          <div class="phon"><img src="../img/18.jpg" alt=""></div>
          <div class="gay">
            高级灰现代简约餐厅
          </div>
        </div>
        <div class="cont-two">
          <div class="phon"><img src="../img/19.jpg" alt=""></div>
          <div class="gay">
            现代简约原木
          </div>
        </div>
      </div>


    </div>
    <!-- 学装修知识 -->
    <div class="container-company  cent   container-knowledge">
      <div class="company-title">
        <div class="tit-left">
          <h3>学习装修知识</h3>
          <p>学习装修经验与交流装修相关问题,小白晋级达人就靠它</p>
        </div>
        <div class="more"><a href="#">+更多</a></div>
      </div>
      <!-- 内容 -->
      <div class="knowledge-content ">
        <dl class="know-wiki"  >
          <dt class="wiki-photo">
            <div class="pho"><img src="../img/16.jpg" alt=""></div>
            <div class="gays">装修百科</div>
          </dt>
          <dd class="wiki-introduce">
            <div class="introduce-top ">
              <div class="top-zp"><img src="../img/20.jpg" alt=""></div>
              <div class="top-wenzi">
                <p class="tit">家装分期怎么收费分期</p>
                <p>现在家装分期是指大家使用信用卡购买与银行有合作关系</p>
              </div>
            </div>
            <ul class="introduce-bottom">
              <li><a href="#">用卡购买与银行有合作关系的</a></li>
              <li><a href="#">樱雪热水器的价格介绍槟雪热水器特点</a></li>
              <li><a href="#">美式客厅篮色墙面搭配方法美式凤格注意事项</a></li>
              <li><a href="#">哪的装修公司好如何选择装修公司</a></li>
              <li><a href="#">恒大建材市场的规模恒大建材市场有哪些</a></li>
              <li><a href="#">厕所渗水怎么做卫生问渗水的原因是什么</a></li>
            </ul>

          </dd>

        </dl>
        <dl class="know-wiki" >
          <dt class="wiki-photo">
            <div class="pho"><img src="../img/17.jpg" alt="" /></div>
            <div class="gays">选材手册</div>
          </dt>
          <dd class="wiki-introduce">
            <div class="introduce-top ">
              <div class="top-zp"><img src="../img/21.jpg" alt=""></div>
              <div class="top-wenzi">
                <p class="tit">宜家墙面油漆购买技巧..</p>
                <p>墙面漆是—种常见的材料，而且也有很多的品牌，不一样</p>
              </div>
            </div>
            <ul class="introduce-bottom">
              <li><a href="#">厨房墙面砖有哪些材料如何选购厨房墙面砖浴霸生产厂家有哪些</a></li>
              <li><a href="#">浴霸的选购技巧</a></li>
              <li><a href="#"> 全套家具大概多少钱家具的选购技巧</a></li>
              <li><a href="#">空调机尺寸是多少空调的好处有哪些</a></li>
              <li><a href="#">沙发茶几搭配技巧沙发茶几组合怎么选</a></li>
              <li><a href="#">厕所渗水怎么做卫生问渗水的原因是什么</a></li>
            </ul>

          </dd>

        </dl>
        <dl class="know-wiki"  >
          <dt class="wiki-photo">
            <div class="pho"><img src="../img/18.jpg" alt=""></div>
            <div class="gays">装修流程</div>
          </dt>
          <dd class="wiki-introduce">
            <div class="introduce-top ">
              <div class="top-zp"><img src="../img/22.jpg" alt=""></div>
              <div class="top-wenzi">
                <p class="tit">家庭装修细节注意事项...
                </p>
                <p>装作房屋是每个家庭中都特别重视的事情,装修中有很多...</p>
              </div>
            </div>
            <ul class="introduce-bottom">
              <li><a href="#">阳台装修图片介绍阳台装修注意事项</a></li>
              <li><a href="#">新中式吊顶设计要点如何设计新中式吊顶</a></li>
              <li><a href="#">复式公寓装作效果图介绍复式公离装修技巧</a></li>
              <li><a href="#">全包比半包装修贵多少全包装修注意事项</a></li>
              <li><a href="#">地板深色怎么搭配墙面深色家具搭配什么地板</a></li>
              <li><a href="#">厕所渗水怎么做卫生问渗水的原因是什么</a></li>
            </ul>
          </dd>

        </dl>
        <dl class="know-wiki" >
          <dt class="wiki-photo">
            <div class="pho"><img src="../img/19.jpg" alt=""></div>
            <div class="gays">装修风水</div>
          </dt>
          <dd class="wiki-introduce">
            <div class="introduce-top ">
              <div class="top-zp"><img src="../img/23.jpg" alt=""></div>
              <div class="top-wenzi">
                <p class="tit">怎么看家里的风水如何...</p>
                <p>关于房屋的选址和房子内部的装修,很多的朋友会依据风...</p>
              </div>
            </div>
            <div class="introduce-top ">
              <div class="top-zp"><img src="../img/24.jpg" alt=""></div>
              <div class="top-wenzi">
                <p class="tit">联排别墅风水布局联排..</p>
                <p>联排别墅的装修可是个大工程,所以很多业主对其风水</p>
              </div>
            </div>
            <div class="introduce-top ">
              <div class="top-zp"><img src="../img/25.jpg" alt=""></div>
              <div class="top-wenzi">
                <p class="tit">家风水相关说明家具风...</p>
                <p>装修与居家风水的关系自古以来都是的密切的,中国的居...</p>
              </div>
            </div>

          </dd>

        </dl>
      </div>
    </div>
    <!-- 装修问题 -->
    <div class="container-company  cent   container-knowledge">
      <div class="company-title">
        <div class="tit-left">
          <h3>装修问题</h3>
          <p>装修大师在线答疑，装修不再是难题</p>
        </div>
        <div class="more"><a href="#">+更多</a></div>
      </div>
      <!-- 内容 -->
      <div class="question-content">
        <div class="ques-one">
          <div class="one-tit">无机类涂料的特点是什么?哪个牌子的好?网... </div>
          <p>环保性∶无机涂料的基料材料往往直接取材于自然界，因而来源十分丰富。其主要成分是硅酸钾、无机色素、矿物填料等，所以无毒、</p>
          <div class="one-comment">
            <div class="com-left">
              <div>
                <img src="../img/26.jpg" alt="">
                <span>广州域丰装饰工程有限公司</span> 回答了该问题
              </div>

            </div>
            <div class="com-right">
              <img src="../img/redu.png" alt="">
              <span>671热点</span>
            </div>
          </div>
        </div>
        <div class="ques-one">
          <div class="one-tit">平面和凹槽型烤漆龙骨哪种相对比较结实?</div>
          <p> 烤漆龙骨特点和用途（(1〕绝对防火:烤漆龙骨是防火的镀锌板制造，经久耐用。(2）结构合理:采用经济放置式结... </p>
          <div class="one-comment">
            <div class="com-left">
              <div>
                <img src="../img/28.jpg" alt="">
                <span>莫名剑</span> 回答了该问题
              </div>

            </div>
            <div class="com-right">
              <img src="../img/redu.png" alt="">
              <span>1212热度</span>
            </div>
          </div>
        </div>
        <div class="ques-one">
          <div class="one-tit">瓷砖上的锈怎么去除?谁能说下?</div>
          <p>你好，瓷砖上铁锈去除的方法∶1、将稀盐酸或稀硫酸倒在铁锈处，稍后使用清水冲洗擦拭干净即可。2、取鲜柠檬榨汁，将柠檬汁商几</p>
          <div class="one-comment">
            <div class="com-left">
              <div>
                <img src="../img/29.jpg" alt="">
                <span> 薛房</span> 回答了该问题
              </div>
            </div>
            <div class="com-right">
              <img src="../img/redu.png" alt="">
              <span>883热度</span>
            </div>
          </div>
        </div>

      </div>
    </div>
    <!-- 数字快 -->
    <div class="container-company  cent   container-number">
      <div class="num-one">
        <div class="num-top"><span class="numbers">50</span>万+</div>
        <div class="num-bottom">中国家庭</div>
      </div>
      <div class="num-one">
        <div class="num-top"><span class="numbers">7000</span>+</div>
        <div class="num-bottom">合作装修公司</div>
      </div>
      <div class="num-one">
        <div class="num-top"><span class="numbers">30000</span>+</div>
        <div class="num-bottom">合作设计师</div>
      </div>
      <div class="num-one">
        <div class="num-top"><span class="numbers">150</span>+</div>
        <div class="num-bottom">城市分站</div>
      </div>
    </div>
  </div>
  <!-- 底部 -->
  <div class="renovation-bottom  centre">
    <div class="centres">
      <div class="bottom-top ">
        <div class="bot-left">
          <ul class="about-bot">
            <h5>关于我们</h5>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#"> 招贤纳士</a></li>
            <li><a href="#">商务合作</a></li>
          </ul>
          <ul class="about-bot">
            <h5>新手上路</h5>
            <li><a href="#">免费注册</a></li>
            <li><a href="#">免费设计</a></li>
            <li><a href="#">免费报价</a></li>
            <li><a href="#">牯修攻路</a></li>
          </ul>
          <ul class="about-bot">
            <h5>帮助中心</h5>
            <li><a href="#">忘记密码</a></li>
            <li><a href="#">侵权投诉</a></li>
            <li><a href="#">法律声明</a></li>
            <li><a href="#">装修问答</a></li>
          </ul>
          <ul class="about-bot">
            <h5>全国统一电话: <span> 4000-787-012</span></h5>
            <li><a href="#">在线咨询:8:30-18:00</a></li>
            <li><a href="#">业务电话:4000-7B7-012</a></li>
            <li><a href="#"> 公司地址:山东省济南市历城区二环东路东环国际广场D做12层</a></li>

          </ul>
        </div>
        <div class="bot-right">
          <img src="../img/weweima_03.png" alt="">
          <p>关注公众号</p>
        </div>

      </div>
      <div class="bottom-center">
        <div class="cen-top"><span>热门装修网</span>&nbsp;&nbsp; 友情链接 </div>
        <div class="cen-bot">
          武汉装修网 合肥装修网 杭州装修网 无铺装修网 青岛鞍修网 兰州装修网 哈尔滨装修网 沈阳装修网 太原敲修网 广州装修网 兰州凄修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 武汉装修网 台肥装修网 杭洲装修网
          无镵菽修网 胄岛跋侮网 兰州装修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 兰州装修网 哈尔滨装修网沈阳装修网 太原装修网 广州装修网

        </div>

      </div>
      <div class="bottom-bottom">
        <div class="bot-wen">
          <div>免责声明:本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。装修之家我网保留所有权利</div>
          <div> Copyright@2010-2021济南六度网络技术有限公司zzhijia.comALlLRightls Resenved.备案号:鲁ICP备12026533号鲁公网安备37011202000873号
          </div>
        </div>
        <div class="bot-img">
          <img src="../img/30.jpg" alt="">
          <img src="../img/31.jpg" alt="">
        </div>

      </div>





    </div>
  </div>
  <script src="/common/numAnimate/jquery.countup.min.js"></script>
  <script src="/common/numAnimate/jquery.waypoints.min.js"></script>
  <script>


    $(function () {
      // 手机端导航 显示隐藏
      $('.mores').click(function () {
        var mo = $(".mores").attr('src')
        if (mo == '/img/more_.png') {
          $(".mores").attr('src', '/img/canle.png')
          $('.mobile-nav').addClass('show')
        } else {
          $(".mores").attr('src', '/img/more_.png')
          $('.mobile-nav').removeClass('show')
        }
      })
      // 数字滚动
      $(".numbers").countUp({
        delay: 10,
        time: 2000
      })



    })

    // banner轮播图
    var mySwiper = new Swiper('.swipers', {
      autoplay: true,//可选选项，自动滑动
      loop: true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      scrollbar: {
        el: '.swiper-scrollbar',
        draggable: true,
      },
    })
    // 北京装修公司
    var mySwiper = new Swiper('.myswiper', {
      autoplay: true,//可选选项，自动滑动
      direction: 'horizontal',
      slidesPerView: 4,
      spaceBetween: 15,
      // centeredSlides: true,
      loop: true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      scrollbar: {
        el: '.swiper-scrollbar',
        draggable: true,
      },

    })
    // 精美效果图 
    var mySwiper = new Swiper('.swiperi', {
      autoplay: false,//可选选项，自动滑动
      parallax: true,
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
      },
      scrollbar: {
        el: '.swiper-scrollbar',
        draggable: true,
      },
    })

  </script>
</body>

</html>